iT邦幫忙

2025 iThome 鐵人賽

DAY 2
0
Modern Web

【網頁是什麼,能吃嗎】── 零基礎也能學會網頁製作系列 第 2

【Day 02】做錯了?那就回到上個版本吧!

  • 分享至 

  • xImage
  •  

tldr: 利用Git來將專案以「版本」的方式做紀錄,並能隨時查看過去紀錄與修改

在開始做些專案前,首先筆者想先介紹一個寫程式時十分便利的小系統工具:Git。有接觸一些程式撰寫相關內容的人應該都對此不陌生,甚至連著名的軟體開發平台,Github,也是使用此系統作為它的使用根基。

版本控制神器:Git

Git是什麼、有什麼功能、要怎麼使用,就先來看個100秒短影片了解一下吧!
Yes

在實際操作前,我們需要先了解一下Git是如何紀錄資料並運作的:
How Git Commands Work
Git大致上可分為四個不同儲存區塊:

  1. Working Directory:此區塊含有著我們所有現在正在編輯以及可編輯的檔案,也就是我們工作(work)的區域
  2. Staging Area:這裡為已編輯好的檔案所 暫存 的區域,我們可以隨時再次將他們修改,或是回到修改前的模式
  3. Local Repo:此處為我們已經正式編輯完成後檔案所儲存的區塊,我們也可以將他們以各種不同的「版本」做編號,並可隨時回去瀏覽、比對各個版本檔案間的差異,甚至能夠進行合併、返回等等的動作
  4. Remote Repo:與Local Repo相似,不過是存在其他裝置或是雲端中,常用於多人合作撰寫程式、備份等等

各個區塊間皆可使用指令,也就是圖中箭號中的文字來進行資料的變更,語法大致如下:

git [command] [arguments1] [arguments2] ...

先以git來告訴系統我們要用這個工具,接著以[command](指令)來讓git知道該進行什麼動作,常見的指令與其功能如下:
建立新的工作區域(Working Area)

  • clone:將其他repo複製到新的資料夾中
  • init:在此處(指令輸入位置)建立一個新的repo

對工作區域的檔案進行變動

  • add:將資料加入暫存區域(Staging Area)
  • mv:修改或是重新命名檔案、資料夾等內容
  • restore:將檔案回復到修改前,或是指定版本時的樣子
  • rm:將檔案由暫存區域(Staging Area)中移除

查看過去的編輯歷史與資料狀態

  • status:看到repo目前的狀態,包括哪些檔案已加入Staging Area、哪些檔案修改且還未加入Local Repo等等
  • log:看到過去所有加入Local Repo中版本的資料,如使用者所加的註解、時間日期、編輯者等等
  • diff:用於比較版本間資料的差異

編輯與對各版本間的資料進行變動

  • commit:將暫存區域(Staging Area)中的檔案存入Local Repo,作為一筆新的紀錄
  • 其他與branch(樹枝)相關的指令將會於branch的說明一併介紹

與Remote Repo相關

  • fetch:將remote repo的檔案資料等存入此處(local repo)中
  • pull:載入Remote Repo的資料並與local repo的branch進行合併
  • push:將此處(local repo)的資料存入Remote Repo並更新

各個指令有著不同的詳細使用方法,在此就不一一贅述了。想知道詳細的使用方式,可輸入 git [command] -h 來獲得使用方法。


謝謝閱讀到這裡的你,如果有任何建議或者是想說的話,都歡迎留言分享!

更多閱讀:


上一篇
【Day 01】今天要來點什麼呢(文章目錄見底端)
下一篇
【Day 03】網頁的地基與骨架 ── HTML
系列文
【網頁是什麼,能吃嗎】── 零基礎也能學會網頁製作3
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言